<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>智选写字楼</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="shortcut icon" href="./images/icon.ico" type="image/x-icon" />
    <link rel="icon" href="./images/icon.jpg" type="image/jpg">
    <link href="static/ffyxq/js/swiper/swiper-4.0.5.min.css" rel="stylesheet" />
    <link
      rel="stylesheet"
      type="text/css"
      href="static/ffyxq/css/font-awesome.min.css"
    />
    <link rel="stylesheet" type="text/css" href="static/ffyxq/css/style.css" />
    <link rel="stylesheet" type="text/css" href="static/ffyxq/css/detail.css?version=1.0.12" />
    <link rel="stylesheet" type="text/css" href="static/ffyxq/css/house.css?version=1.0.12" />
    <link rel="stylesheet" type="text/css" href="static/ffyxq/css/head.css?version=1.0.12" />
    <link rel="stylesheet" type="text/css" href="static/ffyxq/css/layui.css" />
    <script src="static/js/config.js"></script>
    <script type="text/javascript" src="js/md5.js"></script>
    <script
      type="text/javascript"
      src="http://api.map.baidu.com/api?v=2.0&ak=slQh6wYeGi2K2Lnrk7pfZHyVUfdjVdtD"
    ></script>
    <script
      type="text/javascript"
      charset="utf-8"
      src="static/ffyxq/js/jquery-1.11.2.min.js"
    ></script>
    <script
      type="text/javascript"
      charset="utf-8"
      src="static/ffyxq/js/common.js?version=1.0.12"
    ></script>
    <script
      type="text/javascript"
      charset="utf-8"
      src="static/ffyxq/js/bootstrap.min.js"
    ></script>
    <script
      type="text/javascript"
      charset="utf-8"
      src="static/ffyxq/js/swiper/swiper-4.0.5.min.js"
    ></script>
    <script type="text/javascript" src="static/js/js/paging.js"></script>
    <script src="js/supermap/SuperMap.Include.js"></script>
    <script
      type="text/javascript"
      charset="utf-8"
      src="js/js/service.js?version=1.0.12"
    ></script>
    <script
      type="text/javascript"
      charset="utf-8"
      src="js/js/query.js?version=1.0.12"
    ></script>
    <script
      type="text/javascript"
      charset="utf-8"
      src="static/js/building.js?version=1.0.12"
    ></script>
    
    <!-- <script type="text/javascript"
      charset="utf-8"
      src="static/js/unify.js"></script> -->
    <style>
      ul.for-inline li,
      .li-inline {
        width: 49%;
        display: inline-block;
        line-height: 26px !important;
      }

      .picture-swiper .swiper-pagination-bullet {
        display: inline-block;
        width: 6px;
        height: 6px;
        opacity: 1;
        border-radius: 10px;
        background: white;
        margin: 0 3px;
        cursor: pointer;
        transition: width 0.3s ease-in-out;
      }

      .picture-swiper .swiper-pagination-bullet-active {
        background: #00a0e9;
        width: 18px;
      }
      .cesium-credit-image {
        display: none;
      }
      .cesium-viewer-bottom {
        display: none;
      }
      .chuang-room-tip {
        margin-top: 8px;
      }
      .cesium-infoBox-title {
        display: none;
      }
      .cesium-svgPath-svg {
        display: none;
      }
      .cesium-infoBox-close {
        display: none;
      }
      .cesium-button .cesium-infoBox-camera {
        display: none;
      }
      .cesium-infoBox-visible {
        visibility: hidden;
      }
      .cesium-viewer-selectionIndicatorContainer {
        display: none;
      }
      .cesium-infoBox .cesium-infoBox-bodyless .cesium-infoBox-visible {
        display: none;
      }
      .cesium-viewer-infoBoxContainer {
        display: none;
      }
      .cesium-viewer-zoomIndicatorContainer {
        display: none;
      }
      canvas {
        width: 540px;
        height: 370px;
      }
      .BMap_pop {
        display: none;
      }
      .BMap_shadow {
        display: none;
      }
      .BMapLabel {
        background-color: #5085f9;
        margin-left: 20px;
        /* color:white; */
      }
      .anchorBL {
        display: none;
      }
      .anchorBL span {
        display: none;
      }
    </style>
    <style>
      * {
        padding: 0;
        margin: 0;
      }
      /*
			  * 外面盒子样式---自己定义
			  */

      .page_div {
        /*margin-top: 20px;
				 position:absolute; */
        right: 0px;
        top: 870px;
        /* margin-bottom: 20px; */
        font-size: 15px;
        font-family: "microsoft yahei";
        color: #666666;
        margin-right: 10px;
        padding-left: 20px;
        box-sizing: border-box;
      }
      /*
			 * 页数按钮样式
			 */

      .page_div a {
        min-width: 13px;
        width: 10px;
        height: 30px;
        border: 1px solid #dce0e0 !important;
        text-align: center;
        margin: 0 4px;
        cursor: pointer;
        line-height: 28px;
        color: #666666;
        font-size: 12px;
        display: inline-block;
      }

      #firstPage,
      #lastPage {
        width: 50px;
        color: #666666;
        border: 1px solid #0073a9 !important;
      }

      #prePage,
      #nextPage {
        width: 36px;
        color: #666666;
        /* border: 1px solid #0073A9!important; */
      }

      .page_div .current {
        background-color: #00a0e9;
        border-color: #00a0e9;
        color: #ffffff;
      }

      .totalPages {
        margin: 0 10px;
      }

      .totalPages span,
      .totalSize span {
        color: #0073a9;
        margin: 0 5px;
      }
    </style>
  </head>

  <body id="index" class="lou">
    <!--页面头部-->
    <div class="new-header-2">
      <div class="site-top-nav">
        <div class="section clearfix">
          <div class="pull-left left-nav-click">
            <a href="/item/views/search/searchBuilding.html">写字楼</a>
            <a href="/item/views/search/searchBuilding.html">园区</a>
            <a href="/item/views/search/searchUnitedCommunity.html">联合办公</a>
            <a href="javascript:;">|</a>
            <a href="/item/views/others/service.html">平台与服务</a>
            <a href="/item/views/others/rent.html">直租计划</a>
            <a href="/item/views/others/enterDevelopers.html">发布信息</a>
          </div>
          <div class="pull-right right-nav-click">
            <!-- <a href="/item/views/login/login.html" class="select">登录</a> -->
            <a onclick="goLoginOr()" class="select" id="logind"></a>
            <a href="/console/#/loginphone">注册</a>
            <a href="javascript:;"
              ><img src="static/ffyxq/images/top-phone.svg" />010-65883141</a
            >
          </div>
        </div>
      </div>
      <div class="fix-header-con">
        <div class="section clearfix">
          <a href="/home/html/" class="logo-small pull-left">
            <img
              src="static/ffyxq/images/logo-s5.svg"
              width="135px"
              height="38px"
            />
            <div class="cttyTitle">城市元素 (北京) 科技有限公司</div>
          </a>
          <div class="con-line pull-left"></div>
          <div class="nav">
            <a href="/item/views/search/searchBuilding.html" class="tj-pc-nav"
              >写字楼</a
            >
            <a href="/item/views/search/searchBuilding.html" class="tj-pc-nav"
              >园区</a
            >
            <a
              href="/item/views/search/searchUnitedCommunity.html"
              class="tj-pc-nav"
              >联合办公</a
            >
          </div>
          <div class="search-nav">
            <form id="public_form_search" onsubmit="return false;">
              <input
                type="text"
                id="keyword"
                class="pull-left"
                onkeyup="getkey(event)"
                placeholder="搜索你想找的楼盘"
                autocomplete="off"
              />
              <i class="fa fa-search" onclick="goToBuildingHouse()"></i>
            </form>
          </div>
        </div>
      </div>
    </div>
    <!--/页面头部-->

    <!--Banner-->
    <div class="top-banner slide-box" style="margin-top: 111px;">
      <a href="javascript:;">
        <img src="static/ffyxq/images/detail-b.png" class="detail-b" />
      </a>
      <div class="black-mask"></div>
      <div class="section banner-info clearfix">
        <div class="pull-left">
          <h1 id="title1"></h1>
          <span> <span id="focusNum"></span> 人关注</span
          >&nbsp;&nbsp;|&nbsp;&nbsp;<span
            >浏览量 <span id="browseNum"></span>
          </span>
          <p class="address">
            <i class="fa fa-map-marker"></i><span id="address"></span>
          </p>
        </div>
        <div class="pull-right">
          <p style="text-align: right;margin-top: 6px;">
            <a
              href="javascript:;"
              class="infoB"
              id="guanzhu_box1"
              onclick="addFocus()"
            >
              <img
                src="static/ffyxq/images/favorite.svg"
                style="width: 9px;vertical-align: unset;"
              />&nbsp;关注
            </a>
            <a
              href="javascript:;"
              class="infoB"
              id="guanzhu_box2"
              style="background: #ccc;display: none"
            >
              <img
                src="static/ffyxq/images/favorite.svg"
                style="width: 9px;vertical-align: unset; "
              />&nbsp;已关注
            </a>
            <a
              href="javascript:;"
              id="phone"
              class="infoB"
              data-original-title="187-8888-8888"
              data-toggle="tooltip"
              data-placement="left"
              data-trigger="click"
            >
              <img
                src="static/ffyxq/images/location-phone.svg"
                style="width:14px;vertical-align:text-bottom;"
              />&nbsp;电话
            </a>
          </p>
          <!-- <div class="search">
            <input type="text" placeholder="搜索你想找的区域或楼盘名称" />
            <a href="javascript:;" onclick="searchmc()">
              <i class="fa fa-search"></i>
            </a>
          </div> -->
        </div>
      </div>
    </div>
    <!--/Banner-->
    <div class="section loupan">
      <div class="wrapper mt-30 clearfix">
        <div class="wrap-box">
          <div class="left-570" style="margin:0;">
            <div id="focus-box" class="detail-box">
              <div class="d-shadow" id="three-d" style="display:none;">
                <div class="house-demo" style="height:370px;" id="scenediv">
                  <a href="javascript:;" id="qjzbbtn">全景周边</a>
                  <!-- <img
                    id="img1"
                    src="images/zhinanzhen1.png"
                    style="position: absolute;z-index:3;height: 32px;width: 32px;border: 0px;right: 14px;margin-top: 14px;transform:rotate(20deg)"
                  />
                  <img
                    id="fd"
                    src="images/fangda.png"
                    style="height:32px;width:32px;position: absolute;margin-top:274px;right:14px;z-index: 999;cursor: pointer;"
                    onclick="add()"
                  />
                  <img
                    id="sx"
                    src="images/suoxiao.png"
                    style="height:32px;width:32px;position: absolute;margin-top:306px;right:14px;z-index: 999;cursor: pointer;"
                    onclick="reduce()"
                  />
                  <img
                    id="fy"
                    src="images/fuyuan.png"
                    style="height:32px;width:32px;position: absolute;right:14px;margin-top:234px;z-index: 999;cursor: pointer;"
                    onclick="reset()"
                  /> -->
                  <!-- 此处显示房源模型 -->
                  <img id="img1" src="images/zhinanzhen1.png"  style="position: absolute;z-index:3;height: 32px;width: 32px;border: 0px;right: 14px;margin-top: 14px;transform:rotate(20deg)" />
                  <img id="fd" src="images/fangda.png" style="height:32px;width:32px;position: absolute;margin-top:274px;right:14px;z-index: 999;cursor: pointer;" onclick="add()"/>
                  <img id="sx" src="images/suoxiao.png" style="height:32px;width:32px;position: absolute;margin-top:306px;right:14px;z-index: 999;cursor: pointer;" onclick="reduce()"/> 
                  <img id="fy" src="images/fuyuan.png" style="height:32px;width:32px;position: absolute;right:14px;margin-top:234px;z-index: 999;cursor: pointer;" onclick="reset()" />
                  <!-- 此处显示房源模型 -->
                </div>
                <ul class="choose clearfix" id="count">
                  <li id="mianji">
                    房源面积
                    <a
                      href="javascript:;"
                      id="xiao"
                      data-original-title="200m²以下"
                      data-toggle="tooltip"
                      data-placement="bottom"
                      onclick="change(this)"
                      >小</a
                    >
                    <a
                      href="javascript:;"
                      id="zhon"
                      data-original-title="200～799m²"
                      data-toggle="tooltip"
                      data-placement="top"
                      onclick="change(this)"
                      >中</a
                    >
                    <a
                      href="javascript:;"
                      id="da"
                      data-original-title="800m²以上"
                      data-toggle="tooltip"
                      data-placement="bottom"
                      onclick="change(this)"
                      >大</a
                    >
                  </li>
                  <li id="louceng">
                    楼层高低
                    <a
                      href="javascript:;"
                      id="di"
                      data-original-title="6层以下"
                      data-toggle="tooltip"
                      data-placement="bottom"
                      onclick="change(this)"
                      >低</a
                    >
                    <a
                      href="javascript:;"
                      id="zhong"
                      data-original-title="7～15层"
                      data-toggle="tooltip"
                      data-placement="top"
                      onclick="change(this)"
                      >中</a
                    >
                    <a
                      href="javascript:;"
                      id="gao"
                      data-original-title="16～30层"
                      data-toggle="tooltip"
                      data-placement="bottom"
                      onclick="change(this)"
                      >高</a
                    >
                    <a
                      href="javascript:;"
                      id="chaogao"
                      data-original-title="30层以上"
                      data-toggle="tooltip"
                      data-placement="top"
                      onclick="change(this)"
                      >超高</a
                    >
                  </li>
                </ul>
              </div>
              <!-- 这里放图片 -->
              <div class="picture" id="picture">
                <div class="swiper-container picture-swiper">
                  <div class="swiper-wrapper" id="piclist">
                    <!--   <div class="swiper-slide">
                                        <a href="javascript:;"><img src="static/ffyxq/images/inner.png" /></a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="images/h-2.jpg"><img src="static/ffyxq/images/inner.png" /></a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="javascript:;"><img src="static/ffyxq/images/inner.png" /></a>
                                    </div>  -->
                  </div>
                  <!-- <div class="swiper-button-prev"></div>
                  <div class="swiper-button-next"></div> -->
                  <div class="swiper-pagination"></div>
                </div>
              </div>
              <!-- 这里放图片 -->
              <p class="button" id="img-3D-tab">
                <a
                  style="margin-right:5px;"
                  href="javascript:;"
                  class="active"
                  data-type="picture"
                  >图片</a
                >
                <a style="margin-left:5px;display:none;" href="javascript:;"  data-type="three-d" id="three-click">3D</a>
              </p>
            </div>
            <div style="padding: 0 15px;">
              <div class="three-info">
                <div class="three-content">
                  <div class="messagetitle" style="padding-top: 0;">
                    楼盘概况
                  </div>
                  <div class="messgescontent">
                    <div class="side-house">
                      <ul>
                        <li class="li-inline">
                          <span>建成年代：</span>
                          <a id="jcnd"></a>
                        </li>
                        <li class="li-inline">
                          <span>建筑面积：</span>
                          <a id="jzmj"></a>
                        </li>
                        <li class="li-inline">
                          <span>所属商圈：</span>
                          <a id="sssq"></a>
                        </li>
                        <li class="li-inline">
                          <span>楼栋数量：</span>
                          <a id="ldsl"></a>
                        </li>
                        <li class="li-inline">
                          <span>所在环线：</span>
                          <a id="szhx"></a>
                        </li>
                        <li class="li-inline">
                          <span>最高楼层：</span>
                          <a id="zglc"></a>
                        </li>
                        <li>
                          <span>开发商：</span>
                          <a id="kfs"></a>
                        </li>
                        <li>
                          <span>楼盘地址：</span>
                          <a id="lpdz"></a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              
                <div class="three-content">
                  <div class="messagetitle">硬件设施</div>
                  <div class="messgescontent">
                    <div class="side-house clearfix">
                      <div class="pull-left" style="width: 49%;">
                        <ul>
                          <li class="clearfix">
                            <span>客梯数量：</span>
                            <a id="ktsl"></a>
                          </li>
                          <li class="clearfix">
                            <span>停车设施：</span>
                            <a id="tcss"></a>
                          </li>
                        </ul>
                      </div>
                      <div class="pull-right" style="width: 50%;">
                        <ul>
                          <li class="clearfix">
                            <span>空调：</span>
                            <a id="kt"></a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="three-content">
                  <div class="messagetitle">入驻企业</div>
                  <div class="messgescontent">
                    <div class="side-house">
                      <p class="comlist" id="rzqy"></p>
                    </div>
                  </div>
                </div>
                <div class="three-content">
                  <div class="messagetitle">物业服务</div>
                  <div class="messgescontent">
                    <div class="side-house">
                      <ul>
                        <li>
                          <span>物业公司：</span>
                          <a id="wygs"></a>
                        </li>
                        <li>
                          <span>物业费：</span>
                          <a id="wyf"></a>
                        </li>
                        <li>
                          <span>特色服务：</span>
                          <a id="tsfw"></a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="three-content">
                  <div class="messagetitle">楼盘介绍</div>
                  <div class="messgescontent dis" id="lpjs"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="left-570">
            <div class="side-txt-list">
              <h2 id="dzkjzs">待租空间(0个)</h2>
              <span class="time"> <span id="forTime"></span> 更新</span>
              <div class="more-button-list">
                <a
                onclick="goSearchB(0)"
                  class="more-button-inner"
                  >更多房源信息</a
                >
                <!-- 该楼盘有联合办公时显示 -->
                <a
                  onclick="goSearchB(1)"
                  class="more-button-inner"
                  style="margin-left:10px;"
                  >联合办公</a
                >
                <!-- 该楼盘有联合办公时显示 -->
              </div>

              <div class="list-tab" style="height:30px;">
                <!-- <ul class="clearfix">
                                <li class="active">全部</li>
                                <li>开发商</li>
                                <li>个人业主</li>
                            </ul> -->
                <dl style="left:0;" id="dl">
                  <dd>
                    <a href="javascript:;" id="zx" onclick="zxSort(0)">最新</a>
                  </dd>
                  <dd>
                    <a href="javascript:;" id="lc" onclick="lcSort(0)"
                      >楼层&nbsp;
                      <i class="fa fa-long-arrow-up" style="display: none"></i>
                      <i
                        class="fa fa-long-arrow-down"
                        style="display: none"
                      ></i>
                    </a>
                  </dd>
                  <dd>
                    <a href="javascript:;" id="mj" onclick="mjSort(0)"
                      >面积&nbsp;
                      <i class="fa fa-long-arrow-up" style="display: none"></i>
                      <i
                        class="fa fa-long-arrow-down"
                        style="display: none"
                      ></i>
                    </a>
                  </dd>
                  <dd>
                    <a href="javascript:;" id="yz" onclick="yzSort(0)"
                      >月租&nbsp;
                      <i class="fa fa-long-arrow-up" style="display: none"></i>
                      <i
                        class="fa fa-long-arrow-down"
                        style="display: none"
                      ></i>
                    </a>
                  </dd>
                </dl>
              </div>
              <div class="clearfix" style="margin-left:-6px;" id="listfjh">
                <!--  <div class="list-model">
                                <img src="static/ffyxq/images/inner.png">
                                <div class="info">
                                    <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                                    <p><span class="big">18</span>元/m²·天</p>
                                    <p class="clearfix">
                                        <small class="pull-left">12.0万元/月</small>
                                        <small class="pull-right">1分钟前</small>
                                    </p>
                                </div>
                            </div> -->
                <!-- <div class="list-model">
                                <img src="static/ffyxq/images/inner.png">
                                <div class="info">
                                    <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                                    <p><span class="big">18</span>元/m²·天</p>
                                    <p class="clearfix">
                                        <small class="pull-left">12.0万元/月</small>
                                        <small class="pull-right">1分钟前</small>
                                    </p>
                                </div>
                            </div>
                            <div class="list-model">
                                <img src="static/ffyxq/images/inner.png">
                                <div class="info">
                                    <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                                    <p><span class="big">18</span>元/m²·天</p>
                                    <p class="clearfix">
                                        <small class="pull-left">12.0万元/月</small>
                                        <small class="pull-right">1分钟前</small>
                                    </p>
                                </div>
                            </div>
                            <div class="list-model">
                                <img src="static/ffyxq/images/inner.png">
                                <div class="info">
                                    <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                                    <p><span class="big">18</span>元/m²·天</p>
                                    <p class="clearfix">
                                        <small class="pull-left">12.0万元/月</small>
                                        <small class="pull-right">1分钟前</small>
                                    </p>
                                </div>
                            </div>
                            <div class="list-model">
                                <img src="static/ffyxq/images/inner.png">
                                <div class="info">
                                    <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                                    <p><span class="big">18</span>元/m²·天</p>
                                    <p class="clearfix">
                                        <small class="pull-left">12.0万元/月</small>
                                        <small class="pull-right">1分钟前</small>
                                    </p>
                                </div>
                            </div> -->
                <!--  <div class="list-model">
                                <img src="images/inner.png">
                                <div class="info">
                                    <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                                    <p><span class="big">18</span>元/m²·天</p>
                                    <p class="clearfix">
                                        <small class="pull-left">12.0万元/月</small>
                                        <small class="pull-right">1分钟前</small>
                                    </p>
                                </div>
                            </div>
                            <div class="list-model">
                                <img src="images/inner.png">
                                <div class="info">
                                    <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                                    <p><span class="big">18</span>元/m²·天</p>
                                    <p class="clearfix">
                                        <small class="pull-left">12.0万元/月</small>
                                        <small class="pull-right">1分钟前</small>
                                    </p>
                                </div>
                            </div> 
                            <div class="list-model">
                                <img src="images/inner.png">
                                <div class="info">
                                    <h4 class="ellipsis-1">222m² | T1 | 22层</h4>
                                    <p><span class="big">18</span>元/m²·天</p>
                                    <p class="clearfix">
                                        <small class="pull-left">12.0万元/月</small>
                                        <small class="pull-right">1分钟前</small>
                                    </p>
                                </div>
                            </div>-->
              </div>
              <!--  <div class="contentBottom clearfix">
                            <div class="page-box pull-right">
                                <div class="page-box house-lst-page-box">
                                    <a class="on" href="javascript:;" data-page="1">1</a>
                                    <a href="javascript:;" data-page="2">2</a>
                                    <a href="javascript:;" data-page="3">3</a>
                                    <span>...</span>
                                    <a href="javascript:;" data-page="100">100</a>
                                    <a href="javascript:;" data-page="2">下一页</a>
                                </div>
                            </div>
                        </div>   -->
              <div class="contentBottom clearfix">
                <div class="page-box pull-right">
                  <div id="page" class="page_div"></div>
                  <div class="page-box house-lst-page-box" id="fenye">
                    <div value="1 0"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="three-content">
              <div class="messagetitle">周边配套</div>
              <div class="messagecontent">
                <div class="new-map" id="allmap"></div>
                <ul class="map-li clearfix" id="zbpt">
                  <li class="active"><a href="javascript:;">地铁站</a></li>
                  <li><a href="javascript:;">公交站</a></li>
                  <li><a href="javascript:;">银行</a></li>
                  <li><a href="javascript:;">酒店</a></li>
                </ul>
                <ul
                  class="map-address"
                  style="height:377px;overflow-y:scroll;"
                  id="jt"
                >
                  <!--  <li class="clearfix">
                                    <div class="pull-left"
                                        style="line-height: 40px;font-size: 20px;margin-right: 15px;">
                                        <i class="fa fa-map-marker"></i>
                                    </div>
                                    <div class="pull-left">
                                        <p>
                                            <span style="font-weight:600;font-size:14px;padding-right:30px;">大望路</span>
                                            <span style="font-size:12px;"><i
                                                    class="fa fa-paper-plane-o"></i>&nbsp;336米</span>
                                        </p>
                                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="pull-left"
                                        style="line-height: 40px;font-size: 20px;margin-right: 15px;">
                                        <i class="fa fa-map-marker"></i>
                                    </div>
                                    <div class="pull-left">
                                        <p>
                                            <span style="font-weight:600;font-size:14px;padding-right:30px;">大望路</span>
                                            <span style="font-size:12px;"><i
                                                    class="fa fa-paper-plane-o"></i>&nbsp;336米</span>
                                        </p>
                                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="pull-left"
                                        style="line-height: 40px;font-size: 20px;margin-right: 15px;">
                                        <i class="fa fa-map-marker"></i>
                                    </div>
                                    <div class="pull-left">
                                        <p>
                                            <span style="font-weight:600;font-size:14px;padding-right:30px;">大望路</span>
                                            <span style="font-size:12px;"><i
                                                    class="fa fa-paper-plane-o"></i>&nbsp;336米</span>
                                        </p>
                                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="pull-left"
                                        style="line-height: 40px;font-size: 20px;margin-right: 15px;">
                                        <i class="fa fa-map-marker"></i>
                                    </div>
                                    <div class="pull-left">
                                        <p>
                                            <span style="font-weight:600;font-size:14px;padding-right:30px;">大望路</span>
                                            <span style="font-size:12px;"><i
                                                    class="fa fa-paper-plane-o"></i>&nbsp;336米</span>
                                        </p>
                                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="pull-left"
                                        style="line-height: 40px;font-size: 20px;margin-right: 15px;">
                                        <i class="fa fa-map-marker"></i>
                                    </div>
                                    <div class="pull-left">
                                        <p>
                                            <span style="font-weight:600;font-size:14px;padding-right:30px;">大望路</span>
                                            <span style="font-size:12px;"><i
                                                    class="fa fa-paper-plane-o"></i>&nbsp;336米</span>
                                        </p>
                                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="pull-left"
                                        style="line-height: 40px;font-size: 20px;margin-right: 15px;">
                                        <i class="fa fa-map-marker"></i>
                                    </div>
                                    <div class="pull-left">
                                        <p>
                                            <span style="font-weight:600;font-size:14px;padding-right:30px;">大望路</span>
                                            <span style="font-size:12px;"><i
                                                    class="fa fa-paper-plane-o"></i>&nbsp;336米</span>
                                        </p>
                                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="pull-left"
                                        style="line-height: 40px;font-size: 20px;margin-right: 15px;">
                                        <i class="fa fa-map-marker"></i>
                                    </div>
                                    <div class="pull-left">
                                        <p>
                                            <span style="font-weight:600;font-size:14px;padding-right:30px;">大望路</span>
                                            <span style="font-size:12px;"><i
                                                    class="fa fa-paper-plane-o"></i>&nbsp;336米</span>
                                        </p>
                                        <p style="font-size:12px;">地铁14号线东段；地铁1号线</p>
                                    </div>
                                </li> -->
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="section">
      <div class="wrapper mt-45 clearfix">
        <div class="wrap-box">
          <div class="mode-title">
            <h3>周边推荐</h3>
          </div>
          <div class="mode-content">
            <ul class="new-other-list" id="zbtj">
              <!--  <li>
                            <div class="small-pro-list-info">
                                <div class="pic">
                                    <img src="static/ffyxq/images/12.jpg">
                                    <a href="javascript:;" class="threeD"><img src="static/ffyxq/images/3D.svg"></a>
                                </div>
                                <div class="remark">
                                    <div class="clearfix">
                                        <a href="javascript:;" class="ellipsis-1 pull-left"
                                            style="width:150px;">北京华贸中心</a>
                                        <span class="zhizu-plan pull-right">直租计划</span>
                                    </div>
                                    <div class="detail-info clearfix">
                                        <div class="pull-left">200m²-2000m²在租</div>
                                        <div class="pull-right" style="line-height:17px;">
                                            <span class="blue" style="font-size:16px;">18</span>
                                            <small> 元/m²·天</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="small-pro-list-info">
                                <div class="pic">
                                    <img src="static/ffyxq/images/12.jpg">
                                    <a href="javascript:;" class="threeD"><img src="static/ffyxq/images/3D.svg"></a>
                                </div>
                                <div class="remark">
                                    <div class="clearfix">
                                        <a href="javascript:;" class="ellipsis-1 pull-left"
                                            style="width:150px;">北京华贸中心</a>
                                        <span class="zhizu-plan pull-right">直租计划</span>
                                    </div>
                                    <div class="detail-info clearfix">
                                        <div class="pull-left">200m²-2000m²在租</div>
                                        <div class="pull-right" style="line-height:17px;">
                                            <span class="blue" style="font-size:16px;">18</span>
                                            <small> 元/m²·天</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="small-pro-list-info">
                                <div class="pic">
                                    <img src="static/ffyxq/images/12.jpg">
                                    <a href="javascript:;" class="threeD"><img src="static/ffyxq/images/3D.svg"></a>
                                </div>
                                <div class="remark">
                                    <div class="clearfix">
                                        <a href="javascript:;" class="ellipsis-1 pull-left"
                                            style="width:150px;">北京华贸中心</a>
                                        <span class="zhizu-plan pull-right">直租计划</span>
                                    </div>
                                    <div class="detail-info clearfix">
                                        <div class="pull-left">200m²-2000m²在租</div>
                                        <div class="pull-right" style="line-height:17px;">
                                            <span class="blue" style="font-size:16px;">18</span>
                                            <small> 元/m²·天</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="small-pro-list-info">
                                <div class="pic">
                                    <img src="static/ffyxq/images/12.jpg">
                                    <a href="javascript:;" class="threeD"><img src="static/ffyxq/images/3D.svg"></a>
                                </div>
                                <div class="remark">
                                    <div class="clearfix">
                                        <a href="javascript:;" class="ellipsis-1 pull-left"
                                            style="width:150px;">北京华贸中心</a>
                                        <span class="zhizu-plan pull-right">直租计划</span>
                                    </div>
                                    <div class="detail-info clearfix">
                                        <div class="pull-left">200m²-2000m²在租</div>
                                        <div class="pull-right" style="line-height:17px;">
                                            <span class="blue" style="font-size:16px;">18</span>
                                            <small> 元/m²·天</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="small-pro-list-info">
                                <div class="pic">
                                    <img src="static/ffyxq/images/12.jpg">
                                    <a href="javascript:;" class="threeD"><img src="static/ffyxq/images/3D.svg"></a>
                                </div>
                                <div class="remark">
                                    <div class="clearfix">
                                        <a href="javascript:;" class="ellipsis-1 pull-left"
                                            style="width:150px;">北京华贸中心</a>
                                        <span class="zhizu-plan pull-right">直租计划</span>
                                    </div>
                                    <div class="detail-info clearfix">
                                        <div class="pull-left">200m²-2000m²在租</div>
                                        <div class="pull-right" style="line-height:17px;">
                                            <span class="blue" style="font-size:16px;">18</span>
                                            <small> 元/m²·天</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li> -->
            </ul>
          </div>
        </div>
      </div>
    </div>

    <!--页面底部-->
    <div class="footer">
      <div class="section">
        <div class="foot-box">
          <div class="split">
            <ul class="info-k clearfix">
              <li style="width:55%;">
                <div>
                  <img
                    src="static/ffyxq/images/logo-s5.svg"
                    style="width:150px;"
                  />
                  <span>&nbsp;&nbsp;城市元素（北京）科技有限公司</span><br />
                  &nbsp;&nbsp;客户服务：<span
                    >010-65883141 ( 早9:00-晚9:00 )</span
                  ><br />
                  <!-- <span>&nbsp;&nbsp;support@3Dzhixuan.com</span><br> -->
                </div>
              </li>
              <li style="width:34%;">
                <div style="padding:0 40px;">
                  <img
                    src="static/ffyxq/images/logo/qrcode.svg"
                    style="width:150px;"
                  />
                </div>
              </li>
            </ul>
            <ul class="footer-k clearfix">
              <li>
                <a href="/item/views/others/enterDevelopers.html">入驻平台</a>
              </li>
              <li>
                <a href="/item/views/others/service.html">平台及服务</a>
              </li>
              <li>
                <a href="/item/views/others/about.html">关于我们</a>
              </li>
              <li>
                <a href="/item/views/others/teamRecruited.html">团队招募</a>
              </li>
              <li>
                <a href="/item/views/others/information.html"
                  >信息质量管理措施</a
                >
              </li>
              <li>
                <a href="/item/views/others/privacy.html">用户隐私与条款</a>
              </li>
            </ul>
            <p class="gray">
              © 2019 城市元素（北京）科技有限公司 版权所有 京ICP备 18009982号-2
            </p>
            <p class="gray" style="padding-top: 5px;">
              声明：本网站所使用的3D图像采集时间为2016年9月
            </p>
            <div style="width:300px;margin:0 auto; padding:5px 0;">
              <a
                target="_blank"
                href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502038507"
                style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"
                ><img
                  src="./static/ffyxq/images/public.png"
                  style="float:left;"
                />
                <p style="float:left;height:20px;padding:2px;">
                  京公网安备 11010502038507号
                </p></a
              >
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--/页面底部-->
    <script
      type="text/javascript"
      charset="utf-8"
      src="static/ffyxq/js/layer/layer.js"
    ></script>
    <script>
      $(document).ready(function() {
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?2b296deeeccd704aea965e564f60be25";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
        // 提示层
        $('[data-toggle="tooltip"]').tooltip();

      var picSwiper = new Swiper(".swiper-container", {
        slidesPerView: "auto",
        allowTouchMove: true,
        indexNum: 1,
        loop:true,
        // autoplay: {
        //   disableOnInteraction: false, //手动滑动之后不打断播放
        //   delay: 3000
        // },
        // prevButton: ".swiper-button-prev",
        // nextButton: ".swiper-button-next",
        pagination: {
          el: ".swiper-pagination",
          clickable: true
        },
        // on: {
        //   slideChange: function () {
        //       // 获取当前活动下标
        //       var index = this.realIndex;
        //       this.active = this.realIndex
        //   }
        // }
      });
        $("#zbpt li").on("click", function() {
          if ($(this).hasClass("active")) {
          } else {
            $("#zbpt li").removeClass("active");
            $(this).addClass("active");
            btn("jt", $(this)[0].innerText);
          }
        });
        //  $('#dl dd').on('click', function () {
        //    if($(this).hasClass('active')){
        //    }else{
        // 	   $("#dl dd").removeClass('active');
        // 	   $(this).addClass('active');

        //    }
        // })
        //3D部分
        $(".button a").on("click", function() {
          $(".button a").removeClass("active");
          $(this).addClass("active");

          var aim = $(this).attr("data-type");
          if (aim == "picture") {
            $(".picture").show();
            $(".d-shadow").hide();
          } else {
            $(".d-shadow").show();
            $(".picture").hide();
          }
        });

        var data = {
          status: 1,
          msg: "",
          title: "JSON请求的相册",
          id: 8,
          start: 0,
          data: [
            { alt: "图1", pid: 109, src: "images/inner.png", thumb: "" },
            { alt: "图2", pid: 110, src: "images/inner.png", thumb: "" },
            { alt: "图3", pid: 111, src: "images/inner.png", thumb: "" }
          ]
        };
        $(".swiper-slide").on("click", function() {
          //相册层
          layer.photos({
            photos: data, //格式见API文档手册页
            anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机
          });
        });
      });

      $(window).scroll(function() {
        pageScroll();
      });

      function pageScroll() {
        var scroll = $(window).scrollTop();
        if (scroll < 40) {
          $(".new-header-2").addClass("headerPosition");
          $(".site-top-nav").removeClass("hide");
        } else {
          $(".new-header-2").removeClass("headerPosition");
          $(".site-top-nav").addClass("hide");
        }
      }
      pageScroll();
    </script>
    <script
      type="text/javascript"
      src="js/require.min.js"
      data-main="js/main"
    ></script>
  </body>
  <script>
    var cr = "";
    var resu;
    var marker1 = "";
    var point1;
    var map = new BMap.Map("allmap", { enableMapClick: false }); // 创建Map实例
    // 左上角，添加比例尺
    var top_left_control = new BMap.ScaleControl({
      anchor: BMAP_ANCHOR_TOP_LEFT
    });
    //左上角，添加默认缩放平移控件
    var top_left_navigation = new BMap.NavigationControl();
    map.addControl(top_left_navigation);
    //添加滚轮放大、缩小
    map.enableScrollWheelZoom(true);
    cr = new BMap.CopyrightControl({ anchor: BMAP_ANCHOR_TOP_RIGHT }); //设置版权控件位置
    map.addControl(cr); //添加版权控件
    //创建地址解析器实例
    var myGeo = new BMap.Geocoder();
    // 将地址解析结果显示在地图上,并调整地图视野
    //commname = "华贸中心";
    // myGeo.getPoint(
    //   commname,
    //   function(point) {
    //     if (point) {
    //       map.centerAndZoom(point, 16);
    //       btn("jt", "地铁");
    //     } else {
    //       alert("您选择地址没有解析到结果!");
    //     }
    //   },
    //   "北京市"
    // );
    function btn(id, name) {
      if (point1) {
        map.clearOverlays();
        map.centerAndZoom(point1, 16);
        var myIcon = new BMap.Icon(
          "http://api.map.baidu.com/img/markers.png",
          new BMap.Size(23, 25),
          {
            offset: new BMap.Size(10, 25), // 指定定位位置
            imageOffset: new BMap.Size(0, 0 - 10 * 25) // 设置图片偏移
          }
        );
        var marker = new BMap.Marker(point1, { icon: myIcon });
        //var label = new BMap.Label(commname);
		 	//label.setStyle({border:"0px"});
			//marker.setLabel(label);

        map.addOverlay(marker);
        var circle = new BMap.Circle(point1, 1000, {
          fillColor: "#ccc",
          strokeWeight: 1,
          fillOpacity: 0.2,
          strokeOpacity: 0.2
        });
        // 范围区域
        map.addOverlay(circle);
        if (name == "公交站") {
          var myIcon1 = new BMap.Icon(
            "images/gongjiao.png",
            new BMap.Size(16, 16)
          );
        } else if (name == "地铁站") {
          var myIcon1 = new BMap.Icon(
            "images/ditie.png",
            new BMap.Size(16, 16)
          );
        } else if (name == "银行") {
          var myIcon1 = new BMap.Icon(
            "images/yinhang.png",
            new BMap.Size(16, 16)
          );
        } else if (name == "酒店") {
          var myIcon1 = new BMap.Icon(
            "images/jiudian.png",
            new BMap.Size(14, 23)
          );
        } else {
          var myIcon1 = new BMap.Icon(
            "images/ditie.png",
            new BMap.Size(16, 16)
          );
        }
        // var myIcon1 = new BMap.Icon(
        //   "images/marker1.png",
        //   new BMap.Size(14, 23)
        // );
        var local = new BMap.LocalSearch(map, {
          renderOptions: { map: map, autoViewport: false },
          pageCapacity: 20
        });
        local.setMarkersSetCallback(function(result) {
          for (var i = 0; i < result.length; i++) {
            result[i].marker.setIcon(myIcon1);
            result[i].marker.setShadow(myIcon1);
          }
        });
        local.setSearchCompleteCallback(function(result) {
          var s = [];
          var html = "";
          for (var i = 0; i < result.Br.length; i++) {
            var endpoint = new BMap.Point(
              result.Br[i].point.lng,
              result.Br[i].point.lat
            );
            var distance = map.getDistance(point1, endpoint).toFixed(0);

            s.push(result.Br[i].title + ", " + distance + "米");
            html +=
              "<li class='clearfix' onclick=aClick('" +
              result.Br[i].point.lat +
              "','" +
              result.Br[i].point.lng +
              "','" +
              result.Br[i].title +
              "')>" +
              "<div class='pull-left' style='line-height: 40px;font-size: 20px;margin-right: 15px;'> <i class='fa fa-map-marker'></i></div><div class='pull-left'> <p><span style='font-weight:600;font-size:14px;padding-right:30px;'>" +
              result.Br[i].title +
              "</span><span style='font-size:12px;'><i class='fa fa-paper-plane-o'></i>&nbsp;" +
              distance +
              "米</span></p> <p style='font-size:12px;'>" +
              result.Br[i].address +
              "</p></div></li>";
          }
          document.getElementById(id).innerHTML = html;
        });
        local.searchNearby(name, point1, 1000);
      } else {
        alert("您选择地址没有解析到结果!");
      }
    }
    function aClick(lng, lat, title) {
      map.removeOverlay(marker1);
      var point = new BMap.Point(lat, lng);
      var myIcon2 = new BMap.Icon("images/dh.gif", new BMap.Size(48, 48));
      marker1 = new BMap.Marker(point, { icon: myIcon2 });
      //marker1.setLabel(new BMap.Label(title));
      map.addOverlay(marker1);
      map.panTo(point);
    }
    //点击结果面板
    function clicked(dom) {
      var collection = $(".linkli");
      $.each(collection, function() {
        $(this).removeClass("end");
        $(this).addClass("start");
      });
      $(dom).removeClass("start");
      $(dom).addClass("end");

      //map.panTo(point);
    }
    //地铁站
    function dtz() {
      $("#gjz").css({ color: "black" });
      $("#dtz").css({ color: "blue" });
      btn("cont", "地铁");
    }
    //公交站
    function gjz() {
      $("#gjz").css({ color: "blue" });
      $("#dtz").css({ color: "black" });
      btn("cont", "公交");
    }

    function jiaotong() {
      $("#jy").css({ color: "black" });
      $("#gw").css({ color: "black" });
      $("#sh").css({ color: "black" });
      $("#yul").css({ color: "black" });
      $("#yl").css({ color: "black" });
      $("#jt").css({ color: "blue" });
      $("#gjz").css({ color: "black" });
      $("#dtz").css({ color: "blue" });
      $("#jiaoyudiv").hide();
      $("#jiaotongdiv").show();
      $("#gouwudiv").hide();
      $("#shenghuodiv").hide();
      $("#yulediv").hide();
      $("#yiliaodiv").hide();
      btn("cont", "地铁");
    }
    function jiaoyu() {
      $("#jt").css({ color: "black" });
      $("#jy").css({ color: "blue" });
      $("#gw").css({ color: "black" });
      $("#jt").css({ color: "black" });
      $("#sh").css({ color: "black" });
      $("#yul").css({ color: "black" });
      $("#yl").css({ color: "black" });
      $("#jiaoyudiv").show();
      $("#jiaotongdiv").hide();
      $("#gouwudiv").hide();
      $("#shenghuodiv").hide();
      $("#yulediv").hide();
      $("#yiliaodiv").hide();
      btn("cont1", "餐饮");
    }
    function yiliao() {
      $("#jt").css({ color: "black" });
      $("#jy").css({ color: "black" });
      $("#gw").css({ color: "black" });
      $("#jt").css({ color: "black" });
      $("#sh").css({ color: "black" });
      $("#yul").css({ color: "black" });
      $("#yl").css({ color: "blue" });
      $("#jiaoyudiv").hide();
      $("#jiaotongdiv").hide();
      $("#gouwudiv").hide();
      $("#shenghuodiv").hide();
      $("#yulediv").hide();
      $("#yiliaodiv").show();
      btn("cont2", "银行");
    }
    function gouwu() {
      $("#jt").css({ color: "black" });
      $("#gw").css({ color: "blue" });
      $("#yl").css({ color: "black" });
      $("#sh").css({ color: "black" });
      $("#yul").css({ color: "black" });
      $("#jy").css({ color: "black" });
      $("#jiaoyudiv").hide();
      $("#jiaotongdiv").hide();
      $("#yiliaodiv").hide();
      $("#gouwudiv").show();
      $("#shenghuodiv").hide();
      $("#yulediv").hide();
      btn("cont3", "酒店");
    }
    function shenghuo() {
      $("#jt").css({ color: "black" });
      $("#jy").css({ color: "black" });
      $("#gw").css({ color: "black" });
      $("#sh").css({ color: "blue" });
      $("#yul").css({ color: "black" });
      $("#yl").css({ color: "black" });
      $("#jiaoyudiv").hide();
      $("#jiaotongdiv").hide();
      $("#gouwudiv").hide();
      $("#yiliaodiv").hide();
      $("#shenghuodiv").show();
      $("#yulediv").hide();
      btn("cont4", "生活");
    }
    function yule() {
      $("#jt").css({ color: "black" });
      $("#jy").css({ color: "black" });
      $("#gw").css({ color: "black" });
      $("#jt").css({ color: "black" });
      $("#sh").css({ color: "black" });
      $("#yul").css({ color: "blue" });
      $("#yl").css({ color: "black" });
      $("#jiaoyudiv").hide();
      $("#jiaotongdiv").hide();
      $("#gouwudiv").hide();
      $("#yiliaodiv").hide();
      $("#shenghuodiv").hide();
      $("#yulediv").show();
      btn("cont5", "娱乐");
    }
  </script>
  <script
  type="text/javascript"
  charset="utf-8"
  src="static/js/main1.js?version=1.0.12"
></script>
</html>
